#game-table{
    border: solid 1px black;
}


.grid{
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    text-align: center;
    font-size: 24px;
}

[state=normal]{
    background-image: url(img/blank.png);
}
[state=flag]{
    background-image: url(img/flag.png);
}

/* [is-bomb=yes]{
    background-image: url(img/boom_plain.png);
} */

[state=bomb]{
    background-image: url(img/boom_plain.png);
}

[state=bomb-ex]{
    background-image: url(img/boom_ex.png);
}


[state="1"]:before{
    content: "1";
    color: green;
}

[state="2"]:before{
    content: "2";
    color: blue;
}

[state="3"]:before{
    content: "3";
    color: red;
}

[state="4"]:before{
    content: "4";
    color: purple;
}

[state="5"]:before{
    content: "5";
    color: gold;
}

[state="6"]:before{
    content: "6";
    color: pink;
}

[state="7"]:before{
    content: "7";
    color: cadetblue;
}

[state="8"]:before{
    content: "8";
    color: black;
}

